#home{
    /**登录按钮*/
    #login_box{
        padding: 15px;
        text-align: center;
        .button{
            border: 1px solid #a68a4b;
            margin: 0 auto;
            position: relative;
            padding: 3px 10px 3px 37px;
            color: #a68a4b;
            font-size: 14px;
            img{
                position: absolute;
                width:23px;
                top: 4px;
                left: 10px;
            }
        }
        .button:after{
            top:0;left: 0;right: 0;bottom: 0;
        }
       
    }
    #login_ed .list{
        position: relative;
        .item{
            border: none;
        }
        .item.activated{
            background: transparent;
        }
        .member{//会员
            display: inline-block;
            color: #fff;
            font-size:14px;
            font-weight:bold;
            padding: 3px 6px;
            text-align:center;
            // width: 39px;
            height: 21px;
            border-radius: 12px;
            background: #A68A4B;
            margin-left: 12px;
        }
        .integral{//积分
            font-size:14px;
            color:#212121;
            span{
                font-size: 17px;
                font-weight: bold;
                color:#000;
            }
        }
        .qr{
            height: 42px;
            width:45px;
            position: absolute;
            top:16px;
            right: 15px;
            font-size:12px;
            .img_QR{
                width:30px;
                height:30px;
                display: block;
                margin: 0 auto;
            }
            span{
                color:#757575;
                display: block;
                font-size: 12px;
                height:14px;
                transform: scale(0.7);
                margin-left: -5px;
            }
        }
    }
    
    //右边停车位数量；
    .Parking{
        text-align: center;
        .p_img{
            margin-top:7px;
            display: inline-block;
            background: #1976D2;
            color: #fff;
            border-radius: 3px;
            font: {
                size: 14px;
               weight: 900;
            }
            width:20px;
            height:20px;
            text-align: center;
            line-height:21px;
        }
        .parking_num{
            margin-bottom:7px;
            font-size: 20px;
            font-weight: 800px;
            color: #A68A4B ;
            small{
               font-size: 14px; 
            }
        }
    }


    /**轮播图片*/
    .slider{
        width: 100%;
        // height:100px;
    }
    .slider-pager{
        bottom:13px;
    }
    .box{
        width:100%;
        height:100px;
        img{
            width:100%;
            height:100px;
        }
    }
    /**新店推荐*/
    .shoplist{
        .title{
            padding-left:5px;
            font-size:15px;
            font-family:PingFangSC-Medium;
            color:rgba(158,158,158,1);
            margin-bottom:5px;
            a{
                font-size:14px;
                font-family:PingFangSC-Regular;
                color:rgba(166,138,75,1);
            }
        }
        .shop_item{
            padding: 10px 10px 10px 80px;
            position: relative;
            img{
                width:60px ;
                height:60px;
                padding: 5px;
                border:1px solid #ddd;
                border-radius: 10px;
                position: absolute;
                top:10px;
                left:5px;
            }
            h2{
                font-size:17px;
                margin:5px 0;
            }
            p{
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                margin: 0;
                padding-bottom: 6px;
                border-bottom:1px solid #ddd;
                font-size:14px;
                font-family:Helvetica;
                color:rgba(158,158,158,1);
            }
        }
    }
    /**会员福利*/
    .welfare{
        background: #f5f5f5;
        .vip{
            width:96%;
            height: 76px;
            background: #fff;
            margin: 0 auto;
            border-radius: 2px;
            .vip_item{
                padding: 10px 10px 10px 65px;
                position: relative;
                img{
                    width:60px ;
                    height:60px;
                    padding: 5px;
                    position: absolute;
                    top:7px;
                    left:3px;
                }
                h2{
                    margin:0 0 2px 0;
                    font-size:14px;
                    font-family:PingFangSC-Regular;
                    color:rgba(166,138,75,1);
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                }
                p{
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    margin:0 0 2px 0;
                    font-size:14px;
                    font-family:PingFangSC-Medium;
                    color:rgba(33,33,33,1);
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                }
                span{
                    display: block;
                    font-size:14px;
                    font-family:PingFangSC-Regular;
                    color:rgba(158,158,158,1);
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                }
            }
        }
    }
    /**超值精选*/
    .unit{
        float: left;
        width: 50%;
    }
    .czjx_title{
        width:100%;
        height:40px;
        line-height: 40px;
        text-align: center;
        .left{
            display: inline-block;
            width:60px;
            height: 7px;
            border-top: 2px solid #FF5A5A;
        }
        .middle{
            display: inline-block;
            width:90px;
            text-align: center;
            height: 40px;
            color: #FF5A5A;
            font: {
                size: 18px;
                font-weight: 600;
            }
            font-family: PingFangSC-Medium;
        }
    }
    .shop_border{
        border: 1px solid #ddd;
        width: 94%;
        margin: 0 auto;
        padding: 5px 10px;
        div{
            width: 100%;
            height:100px ;
            margin-bottom:10px; 
            img{
                display:inline-block;
                width:100px;
                margin:0 auto !important;
            }
        }
    }
    .integral_exchange{
        margin-bottom:2px; 
        font-size:12px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        span{
            color: #FF5A5A;
            font-size: 15px;
            font-weight: bold;
            margin-right: 5px;
        }
        @media screen and (max-width: 330px) {
            span{
                font-size: 12px;
                margin-right: 0px;
            }
        }
    }
    .introduce{
        display: block;
        height: 41px;
        width: 100%;
        font-size: 15px;
        /**多行文本溢出省略号*/
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    @media screen and (max-width: 330px) {
        .introduce{
            font-size: 14px;
        }
    }

}

//车牌的css   common
/**车牌*/
    .License{
        background:#F5F5F5;
        padding: 14px 5px 14px 5px;
    }
    .bus_stop{
        margin-top:8px;
        border:1px solid #f5f5f5;
        padding: 0;
    }
    .bg{
        display: inline-block;
        background: #1976D2;
        height: 30px;
        width:91px;
        padding: 3px;
        font-weight: bold;
    }
    .w_bor{
        border: 1px solid #fff;
        border-radius: 3px;
        width:100%;
        height:100%;
        text-align: center;
        color: #fff;
        line-height: 24px; 
    }
    .add_license{
        display: inline-block;
        margin: 0 auto;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        padding:0px 10px;
        color: #a68a4b;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 5px;
    }
//车牌的css   common

//活动详情页面
#active_detail{
    #top{
        background: #fff;
        img{
            width:100%;
        }
        h4{ 
            padding:0 15px; 
            font-size:20px;
            font-family:PingFangSC-Medium;
            color:rgba(33,33,33,1);
        }
        p{
            padding:0 15px 8px 15px; 
            height:30px; 
            font-size:14px;
            font-family:PingFangSC-Regular;
            color:rgba(97,97,97,1);
            line-height:20px;
            margin: 0;
        }
    }

    .act_coupon{
        margin: 8px 0;
        // padding:0 15px;
        background: #fff;
        .title{
            font-size: 14px;
            font-family: 'PingFang SC';
            color: #FF5A5A;
            padding:11px 15px;
        }
        ._item{
            position: relative;
            padding: 5px 16px 5px 40px;
            font-size: 12px;
            height: 40px;
            line-height: 33px;
            width: 100%;
            color:#212121;
            &:nth-child(odd){
                background: #fff;
            }
            &:nth-child(even){
                background: #f5f5f5;
            }
            img{
                position: absolute;
                top:10px;
                left: 15px;
                width: 20px;
                height: 20px;
            }
            i{
                font-size: 15px;
                color: #9E9E9E;
            }
        }
    }




    #middle{
        background: #fff;
        .title{
            padding-left: 15px;
            p{
                font-size:14px;
                font-family:PingFangSC-Medium;
                color:rgba(33,33,33,1);
                line-height:20px;
                border-bottom:1px solid #ddd;
                margin: 0;
                padding: 16px 0 8px 0;
            }
        }
        img{
             width:100%;
             margin-bottom:50px;
        }
    }
   
    // #bottom{
    //     padding: 0 15px;
    //     background: #fff;
    //     button{
    //         height:40px;
    //         width:100%;
    //         background: #A68A4B;
    //         color: #fff;
    //         border-radius: 5px;
    //         border-color: #a68a4b;
    //         font-size:18px;
    //         font-family:PingFangSC-Regular;
    //     }
    // }
}
// 活动详情页面

// 店铺详情页面
#shop_detail{
    .sc{
        margin: 0;
        text-align: right;
        padding:24px 15px 0 15px;
        height: 44px;
        img{
            width: 24px;
        }
    }
    .shop_logo{
        img{
            width:98px;
            height: 98px;
            display:block;
            margin:0 auto;
        }
    }
    .shop_introduce{
        padding: 10px 15px 10px 0;
        font-size:14px;
        font-family:PingFangSC-Medium;
        color:rgba(33,33,33,1);
        border-bottom: 1px solid #E0E0E0;
        margin: 0;
        .map_address{
            margin-left: 24px;
            font-size:14px;
            font-family:PingFangSC-Medium;
            color:rgba(166,138,75,1);
        }
        .door{
            font-size:16px;
            font-family:PingFangSC-Regular;
            color:rgba(158,158,158,1);
        }
    }
    article{
        padding: 15px;
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(33,33,33,1);
    }
    .row{
        padding: 20px 15px;
        .col-75{
            position: relative;
            height: 90px;
            border-radius:5px 0 0 5px ;
            background: #000;
            img{
                width:100%;
                height: 90px;
            }
            p{
                font-size:14px;
                font-family:PingFangSC-Regular;
                color:rgba(158,158,158,1);
                width:100%;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
            }
            h4{
                font-size:24px;
                font-family:PingFangSC-Regular;
                color:rgba(192,170,108,1);
                width:100%;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
            }
            .yh_info{
                position: absolute;
                top:0;
                left:0;
                width:100%;
                height: 90px;
                padding: 15px 15px 15px 72px;
                img{
                    width:42px;
                    height:42px;
                    border-radius:50%;
                    position: absolute;
                    top:24px;
                    left:15px;
                }
            }
        }
        .col-25{
            background: #FF5A5A;
            height: 90px;
            border-radius: 0 5px 5px 0;
            span{
                display: block;
                margin: 23px auto;
                width:38px;
                height:44px; 
                font-size:16px;
                font-family:PingFangSC-Medium;
                color:rgba(255,255,255,1);
                line-height:22px;
            }
        }
    }
}
// 店铺详情页面

//new login
 .change{
    text-align: center;
    font-size: 13px;
    line-height:20px;
}
#login,#register{
    padding:0 15px;
    .test_btn{
         color:#989898;
         width:38%;
         text-align: center;
         display: inline-block;
    }
    form{
        .no_pwd{
            height: 35px;
            color: #A68A4B;
            font-size: 13px;
            text-align: left;
            line-height: 39px;
        }
        .notice{
            display:block;
            color:#f00;
            height:38px;
            line-height:32px;
            width:100%;
            font-size:14px;
            text-align: left;
        }
    }
    .selected{
        color: #333;
        border-bottom:2px solid #A68A4B ;
        border-radius: 0;
    }
    .unselected{
        color: #606060;
        border-bottom:2px solid transparent ;
        border-radius: 0;
    }
}
//new login








// 二维码页面
#QR_page{
    .bar{
        text-align: center !important;
        font-size: 18px;
        color: #212121;

        .button{
            color:#A68A4B;
            font-size: 16px;
            font-family:PingFangSC-Regular;
            position: absolute;
            top: 6px;
            left: 7px;
        }
        .title{
            font-size:18px;
            font-family:PingFangSC-Medium;
            color:rgba(33,33,33,1);
            text-align: center;
        }
    }
    .app_logo{
        display: block;
        width: 63px;
        margin: 60px auto;
        border: 1px solid #EEEEEE;
        border-radius: 50%;
        padding: 10px;
    }
    .QR{
        display: block;
        margin: 0 auto;
        width:188px;
    }
    .QR_num{
        text-align: center;
        font-size:26px;
        color:#212121;
        margin: 30px 0;
    }
    .notice{
        color:#D3D3D3;
        text-align: center;
        .remember_pwd{
            float: right;
            // label{
            //     padding-left:30px;
            //     color: #A68A4B;
            //     font-size: 14px;
            //     background: url("img/icons/check.png") no-repeat ;
            // }
            // input:checked+label{ 
            //     background: url("img/icons/checked.png") no-repeat ;
            // }
        }
    }
    .show{
        position: absolute;
        right:0;
        top:5px;
        color:#a68a4b;
        font-size:14px;
    }
    
    input+label{
        padding-left:30px;
        color: #A68A4B;
        font-size: 14px; 
        background: url("../img/icons/check.png") no-repeat;
        background-size:16px 16px;
    }
    input:checked+label{ 
        background: url("../img/icons/checked.png")  no-repeat;
        background-size:16px 16px;
    }
}
// 二维码页面

//登录弹框common css;
.login_list{
    width:100%;
    min-height:60px;
}
.login_list .phone,.login_list .num{
    padding-bottom:8px;
    font-size:17px;
    color:#212121;
    width:100%;
    border-bottom:1px solid #ddd;
    border-radius:0!important;
    background: transparent;
}
.login_list .num{
    display:inline-block;
    width:60%;
}
.padd{
    padding:20px;
}
.platform-ios .popover-arrow {
    display:none !important;
}
.popover{
    width:300px;
    left:calc((100% - 300px)/2); 
}
.notice{
    display:block;
    color:#f00;
    height:38px;
    line-height:32px;
    width:100%;
    font-size:14px;
}
/**修改placeholder   颜色*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #212121; 
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #212121; 
}
input:-ms-input-placeholder{
    color: #212121; 
}
input::-webkit-input-placeholder{
    color: #212121; 
}
.login_btn_def{
    background:#EEEEEE;
    color:#9E9E9E;
    height:44px;
    width:100%;
    border-radius:5px;
    border:none;
    font-size:17px;
}
.login_btn_act{
    background:#A68A4B; 
    color:#fff; 
}
.e_act{
    border-bottom:1px solid #A68A4B !important;
}
//登录弹框common css;

//plate  我的车牌scss
#plate{
    #title{
        font-size:16px;
        font-family:PingFangSC-Regular;
        color:rgba(136,136,136,1);
        height: 55px;
        line-height: 46px;
        .right{
            float: right;
            color: #a68a4b;
        }
    }
    .display{
        padding: 20px 16px 20px 16px;
        background: #fff;
        .note{
            font-size:16px;
            font-family:PingFangSC-Regular;
            color:rgba(189,189,189,1);
            margin-left: 20px;
        }
    }
    .link{
        padding-top: 12px;
        padding-bottom:12px;
        p{
            width:64px;
            height:22px; 
            font-size:16px;
            font-family:PingFangSC-Regular;
            color:rgba(140,116,73,1);
            line-height:22px;
        }
        span{
            width:103px;
            height:17px; 
            font-size:12px;
            font-family:HelveticaNeue;
            color:rgba(158,158,158,1);
            line-height:14px;
        }
    }
}
//plate  我的车牌scss
#plate{
    #title{
        font-size:16px;
        font-family:PingFangSC-Regular;
        color:rgba(136,136,136,1);
        height: 55px;
        line-height: 46px;
        .right{
            float: right;
            color: #a68a4b;
        }
    }
    .display{
        padding: 20px 16px 20px 16px;
        background: #fff;
        .note{
            font-size:16px;
            font-family:PingFangSC-Regular;
            color:rgba(189,189,189,1);
            margin-left: 20px;
        }
    }
    .link{
        padding-top: 12px;
        padding-bottom:12px;
        p{
            width:100%;
            height:22px; 
            font-size:16px;
            font-family:PingFangSC-Regular;
            color:rgba(140,116,73,1);
            line-height:22px;
        }
        span{
            width:103px;
            height:17px; 
            font-size:12px;
            font-family:HelveticaNeue;
            color:rgba(158,158,158,1);
            line-height:14px;
        }
    }
}
.outpark{
    background:#ccc;
}
//plate  我的车牌scss
//绑定车牌的页面
#bind_plate{
    .p_notice{
        font-size:16px;
        font-family:'PingFangSC-Regular';
        color:rgba(158,158,158,1);
        padding: 15px;
        line-height:22px;
        margin: 0;
    }
    .input_box{//5s
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        width: 320px;
        margin: 0 auto;
        height: 48px;
        padding: 4px 0;
        input[type='text']{//5s
            border-right: 1px solid #E0E0E0; 
            &:last-child{
                border: none;
            }
            text-align: center;
            float: left;
            width: 40px;
            height: 36px;
        }
    }

    @media screen and (min-width: 375px) {//6s
       .input_box{//5s
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        width: 368px;
        margin: 0 auto;
        height: 52px;
        padding: 4px 0;
        input[type='text']{//5s
            border-right: 1px solid #E0E0E0; 
            &:last-child{
                border: none;
            }
            text-align: center;
            float: left;
            width: 46px;
            height: 42px;
        }
    }

    }

    .sub_box{
        padding:52px 15px 15px 15px;
        button{
            width:100%;
            height:46px; 
            background:#A68A4B;
            border-radius: 4px ; 
            color: #fff;
            font-size:18px;
            font-family:'PingFangSC-Regular';
            border: 1px solid #A68A4B;
        }
    }
    .my_keybord{
        .key_row{
            height: 42px;
            text-align: center;
        }
        .my_key{
            display: inline-block;
            width: 8%;
            height: 38px;
            line-height: 38px;
            border:1px solid #E0E0E0;
            border-radius:5px;
            margin:0 3px; 
            background: #fff; 
            font-size: 16px;
        }
        .my_back,.my_del{
            display: inline-block;
            width:12%;
            height: 38px;
            line-height: 38px;
            border:1px solid #E0E0E0;
            border-radius:5px;
            margin:0 3px; 
            background: #fff;  
            font-size: 16px;
        }
    }
}


//会员优惠券轮播
#swiper{
    .market_pay{
        height:34px; 
        font-size:18px;
        font-family:'PingFangSC-Medium';
        color:rgba(192,170,108,1);
        line-height:25px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .name{
        height:18px; 
        font-size:10px;
        font-family:'PingFangSC-Regular';
        color:rgba(189,189,189,1);
        line-height:9px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .time{
        height:22px; 
        font-size:12px;
        font-family:PingFangSC-Regular;
        color:rgba(189,189,189,1);
        line-height:31px;
        border-top: 1px dashed #BDBDBD;
        .right{
            height:22px; 
            font-size:12px;
            font-family:'PingFangSC-Regular';
            color:rgba(178,154,103,1);
        }
    }
}
#swiper .swiper-container {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 8px;
}
#swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 73vw !important;
    height: 100px !important;
    padding: 16px 8px 8px 76px;
    position: relative;
    background: url(../img/icons/bg_img.png);
    background-size: 100% 100%; 
    background-repeat:no-repeat;
    background-position:0 0 ; 
} 
#swiper .swiper-slide .logo{
    position: absolute;
    top: 11px;
    left: 12px;
    width:55px;
    height: 55px;
    border-radius: 50%;
} 
#swiper .swiper-slide p{
    margin-bottom: 0;
} 
@media screen and (max-width: 320px) {
    .market_pay{
        height:29px !important; 
        font-size:18px;
        font-family:'PingFangSC-Medium';
        color:rgba(192,170,108,1);
        line-height:25px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .name{
        height:18px; 
        font-size:10px;
        font-family:'PingFangSC-Regular';
        color:rgba(189,189,189,1);
        line-height:18px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .time{
        height:22px; 
        font-size:12px;
        font-family:PingFangSC-Regular;
        color:rgba(189,189,189,1);
        line-height:25px !important;
        .right{
            height:22px; 
            font-size:12px;
            font-family:'PingFangSC-Regular';
            color:rgba(178,154,103,1);
        }
    }
    
    #swiper .swiper-container {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 8px;
    }
    #swiper .swiper-slide {
        background-position: center;
        background-size: cover;
        width:  77vw !important;
        height: 90px !important;
        padding: 15px 5px 0px 60px;
        position: relative;
        background: url(../img/icons/bg_img.png);
        background-size: 100% 100%; 
        background-repeat:no-repeat;
        background-position:0 0 ; 
        
    } 
    #swiper .swiper-slide .logo{
        position: absolute;
        top: 16px;
        left: 5px;
        width:50px;
        height: 50px;
        border-radius: 50%;
    } 
    #swiper .swiper-slide p{
        margin-bottom: 0;
    } 
    #swiper .time{
        font-size: 10px;
    }
}
    
//会员优惠券轮播

//停车场缴费
#park_pay{
    .add{
        width:40px;
        height: 22px;
        background: #a68a4b;
        color: #fff;
        border: 1px solid #a68a4b;
        border-radius: 3px;
        text-align: center;
        display: inline-block;
        line-height: 19px;
        font-size: 17px;
    }
    .reduce{
        width:40px;
        height: 22px;
        background: #fff;
        color: #a68a4b;
        border: 1px solid #a68a4b;
        border-radius: 3px;
        text-align: center;
        display: inline-block;
        line-height: 19px;
        font-size: 17px;
    }
}